﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>USER CENTER</title>
		<%@ include file="/share/include.jsp" %>
		<!-- <script src="js/jquery.min.js"></script> -->
   		 <meta name="viewport" content="width=device-width, initial-scale=1">
		 <script type="application/x-javascript"> 
			addEventListener("load", function() { 
				setTimeout(hideURLbar, 0); 
			}, false); 
			function hideURLbar(){ 
				window.scrollTo(0,1); 
			} 
		</script>
	</head>
	<body>
		<!-- container -->
		<!-- header -->
		<div class="header">
			<%@ include file="/control/jsp/layout/header.jsp" %>
			<!-- /bottom-header -->
		</div>
		<!-- header -->
		<!--- top-nav -->
			<%@ include file="/control/jsp/layout/userMenu.jsp" %>
		<!--- top-nav -->
		<!-- Product-Details-page -->
		<div class="details-page">
			<div class="content details-page">
				<div class="product-details">
					<div class="container">
						<div class="details-left" style="width: 100%;">
						    <h4 style="color:red;"><img style="padding: 10px;" src="${root}/images/bx.gif" />已发送信息</h4>
							<table class="list_order" border="0" align="center" cellpadding="0" cellspacing="2">
							  <thead>
								<tr style="height:40px;">
								  <th>商家名称</th>
								  <th>关联订单</th>
								  <th>我的联系方式</th>
								  <!-- <th>站内信内容</th> -->
								  <th>发送时间</th>
								  <th>操作</th>
								</tr>
							  </thead>
							  <tbody style="text-align: center;">
							  	<c:if test="${not empty pageView.records }">
								  	<c:forEach items="${pageView.records }" var="letter">
							  	        <tr style="height: 20px;"></tr>
							  			<tr style="height: 80px;">
										  <td>${fn:escapeXml(letter.letterShopName)}</td>
										  <td><a href="${root }/control/order/orderItemController/displayOrderDetail.do?orderId=${letter.letterOrderId }&orderUserId=${userSession.userId }">${fn:escapeXml(letter.letterOrderId)}</a></td>
										  <td>${fn:escapeXml(letter.letterPhone)}</td>
										  <%-- <td>${fn:escapeXml(letter.letterContent)}</td> --%>
										  <td><fmt:formatDate value="${letter.letterCreateTime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
										  <td><a href="${root }/control/letter/letterController/displayLetterDetail.do?letterId=${letter.letterId}&letterUserId=${letter.letterUserId}&letterType=${letter.letterType}">查看</a></td>
										</tr>
							  		</c:forEach>
							  	</c:if>
							 </tbody>
							 </table>
						</div>
						<div class="clearfix"> </div>
					</div>
					<br>
					<!--page-->
					 <%@ include file="/share/pageTwo.jsp" %>
					<!--end page-->
			    </div>
		    </div>
		</div>
		<!-- /Product-Details-page -->
		<!--预约站内信-->
		<div class="contact-bottom-grids" style="display:none;position: fixed;z-index: 99;top: 100px;left: 20%;width: 600px;background: wheat;">
			<div class="contact-bottom-grid-right" style="float: none;margin: 0 auto;width: 90%;">
				<h3>站内信详情 <span class="close" style="float: right;margin-top: -20px; cursor:pointer;"><img src="../images/010.gif"></span></h3>
				<form>
					<div class="message-fild" style="padding: 1em 0;">
							<span>我的留言:</span>
							<textarea style="min-height: 100px;"> </textarea>
					</div>
					<div class="text">
						<div class="text-fild">
							<span>商家名称:</span>
							<input type="text" style="padding: 0.4em;" class="text">
						</div>
						<div class="text-fild">
							<span>回复日期:</span>
							<input type="text" style="padding: 0.4em;" class="text">
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="msg-fild">
							<span>联系电话:</span>
							<input type="text" style="padding: 0.4em;" class="text">
					</div>
					<div class="msg-fild">
							<span>联系地址:</span>
							<input type="text" style="padding: 0.4em;" class="text">
					</div>
					<div class="message-fild" style="padding: 1em 0;">
							<span>回复内容:</span>
							<textarea style="min-height: 100px;"> </textarea>
					</div>
					<input style="margin:0 0 10px;float: right;" type="submit" value="已阅读">
				</form>
			</div>
			<div class="clearfix"> </div>
		</div>
		<!--end 预约站内信-->
		<!-- 预约站内信 -->
		<script>
			jQuery(document).ready(function($){
			    $('.yuyue').click(function(){
					$('.contact-bottom-grids').show();
				});
			
				$('.close').click(function(){
					$('.contact-bottom-grids').hide();
				});

			});
		</script>
		<!--end 预约站内信-->
		<!-- footer -->
		<%@ include file="/control/jsp/layout/footer.jsp" %>
</body>
</html>

